<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" isELIgnored="false" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<script src="<%=basePath%>resources/js/common/plugin/bootstrap/js/bootstrap-validation.js"></script>


<title>车辆详情</title>

<style type="text/css"> 
.modal-table{width:100%;}
.modal-table tr{line-height:35px;}
.modal-table th{width:20%;text-align:right;padding-right:20px;font-weight: normal;line-height:35px;}
.modal-table td{width:30%;line-height:35px;}
input{
	line-height:25px
}
.date-alarm-ul {
    border-bottom: 1px solid #ccc;
}
 .date-alarm .line,
 .date-alarm .line{
	bottom:0;
	left:0;
	width:100px;
	height:2px;
	background:#e77817;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.list {
    width: 100px;
    padding: 5px 0;
    text-align: center;
}
.fl {
    float: left;
}
.keche{
	display : none;
}
.huoche{
	display : none;
}
#inputStartDate,#inputEndDate{
	width:180px;
	margin-top:3px;
}
</style> 
<script type="text/javascript">
var vehicle =${vehicle};
$.fn.combobox.defaults.filter = function(q, row){  
    var opts = $(this).combobox('options');  
    return row[opts.textField].indexOf(q) >= 0;  
}  ;
if($(vehicle)[0].vehicleLevel==1){
	$('#level').html("普通级");
}else if($(vehicle)[0].vehicleLevel==2){
	$('#level').html("中级");
}else if($(vehicle)[0].vehicleLevel==3){
	$('#level').html("高一级");
}else if($(vehicle)[0].vehicleLevel==4){
	$('#level').html("高二级");
}else if($(vehicle)[0].vehicleLevel==5){
	$('#level').html("高三级");
}
</script>
</head>
<body>

<div id="vehicleDetailForm"  style='width:auto'>
	<div id="baseInfoDiv" class="pr">
		<input type="hidden" id="action" name="action" value="${action}"/>
		<table class="modal-table">
            <tr>
                <th>车牌号码：</th>
                <td>
               <!--      <input name="vehicleNo" id="vehicleNo" class="userInput f" /> -->
               		<span>${vehicle.vehicleNo}</span>
                </td>
                <th>车牌颜色：</th>
                <td>
                   <!--  <input class="userInput fl" name="colorId" id="vehicleColor" /> -->
                   <span>${vehicle.vColor}</span>
                </td>
            </tr>

            <tr>
                <th> 所属行业： </th>
                <td>
                       <span>${vehicle.tradeName}</span>
                </td>
                <th>发证机关：</th>
                <td>
                     <span>${vehicle.organzationName}</span>
                </td>
            </tr>


            <tr>
                <th>所属业户：</th>
                <td >
                    <span>${vehicle.enterpriseName}</span>
                </td>
                <th>接入平台：</th>
                <td >
                    <span>${vehicle.platformName}</span>
                </td>
            </tr>
         	<tr >
                <th>所属区域：</th>
                <td >
                    <span>${vehicle.areaName}</span>
                </td>
                <th >班车路线：</th>
				<td >
                   <span>${vehicle.roadLine}</span>
                </td>
            </tr>
			<tr>
                <th>经营范围：</th>
                <td >
                    <span>${vehicle.bussinessScope}</span>
                </td>
                <th>证件有效期：</th>
                <td >
                    <span>${vehicle.invalidTime}</span>
                </td>
            </tr>
             <tr>
                <th>道路运输证号：</th>
                <td >
                     <span>${vehicle.transportPermitsion}</span>
                </td>
                
                 <th>车载终端型号：</th>
                <td >
                    <span>${vehicle.teminalName}</span>
                </td>
            </tr>
            <tr>
               <th>是否上线：</th>
                <td >
                    <span>${vehicle.isOnline}</span>
                </td>
                <th>第一次定位：</th>
                <td >
                    <span>${vehicle.firstOnline}</span>
                </td>
            </tr>

            <tr>
                <th>车辆类型：</th>
                <td id="type">
                   <span>${vehicle.kindName}</span>
                </td>
                <th >客车等级：</th>
                <td >
                     <span id='level'>${vehicle.name}</span>
                </td>
              
            </tr>
            
			<tr >
                <th >核定座位：</th>
                <td >
                     <span>${vehicle.approvedSeat}</span>
                </td>
  				<th >核定吨位：</th>
                <td>
                   <span>${vehicle.approvedTonnage}</span>
                </td>
            </tr>
           <tr >
                <th >联系人：</th>
                <td >
                     <span>${vehicle.linkMan}</span>
                </td>
  				<th >联系号码：</th>
                <td>
                   <span>${vehicle.telePhone}</span>
                </td>
            </tr>
             <tr >
                <th >是否启用短信提醒：</th>
                <td >
                     <span>${vehicle.sms}</span>
                </td>
  				<th >是否同步运政：</th>
                <td>
                   <span>${vehicle.hasSync}</span>
                </td>
            </tr>
             
        </table>
			
			</div>
	
		</div>
	
</body>
</html>